<template>
  <div class="three">
    <div class="top">
        <img src="../../assets/images/problem1.png" alt="" class="top-img1" @click="goback">
        <p class="top-p">常见问题</p>
        <img src="../../assets/images/problem2.png" alt="" class="top-img2">
    </div>
    <div class="title">
        3.如何进行合约交易
    </div>
    <div class=" content content1">
        合约交易是指买卖双方约定在未来某个时间，按指定价格和数量，对某种资产的协议进行交易，进而获取收益。合约交
        易具体分为交割合约交易和永续合约交易，投资者可以通过买入开多合约来获取数字资产价格上涨的收益，或通过卖出开空来获取数字资产下跌的收益。
    </div>
    <div class="titlea">
        合约交易
    </div>
    <div class="content content2">
        1.进行资金划转，点击【资金】页面内的【划转】按钮，将资产从【资金账户】划转到【合约账户】，填写【数量】，
        点击【确认】。若进行USDT保证金合约，划转币种为USDT若进行币本位保证金合约，就划转相应的币种。
    </div>
    <div class="img">
        <img src="../../assets/images/problemThree1.png" alt="">
        <img src="../../assets/images/problemThree2.png" alt="">
    </div>
    <div class="content content3">
        2.点击左上角币对，在搜索框输入币种，选择相应币对的合约类型。
    </div>
    <img src="../../assets/images/problemThree3.png" alt="" class="imgtwo">
    <div class="titlea">
        合约类型：
    </div>
    <div class="content content4">
        永续合约：永续合约没有到期日，用户可以一直持有，自己进行平仓操作。
    </div>
    <div class="content content5">
        交割合约：交割合约有具体交割日期，包括当周、次周、当季、次季交割合约，当到了具体交割日期，无论盈亏，系统
        会自动交割。
    </div>
    <div class="titlea">
        保证金类型：
    </div>
    <div class="content content6">
        USDT保证金合约：是指您需要使用稳定币USDT作为担保资产，只要账户中有USDT就可以进行合约交易，盈亏所结算的是USDT。
    </div>
    <div class="content content7">
        币本位保证金合约：是以标的币种作为担保资产，在交易前需要持有对应的币种，盈亏所结算的也是该币种。
    </div>
    <div class="content content8">
        3.选择全仓或逐仓
    </div>
    <img src="../../assets/images/problemThree4.png" alt="" class="imgtwo">
    <div class="titlea">
        全仓/逐仓
    </div>
    <div class="content content9">
        全仓指账户所有的仓位共用保证金，不同仓位的盈亏可以互相抵消。
    </div>
    <div class="content content10">
        逐仓指各仓位的风险与收益独立，各仓位的保证金与盈亏均单独核算。
    </div>
    <div class="content content11">
        4、填写委托信息，选择【买入开多】或【卖出开空】。
    </div>
    <img src="../../assets/images/problemThree5.png" alt="" class="imgtwo">
    <div class="titlea">
        买入开多/卖出开空
    </div>
    <div class="content content12">
        “买入开多”是以合适价格买入合约，等待行情价格上涨后卖出（平仓）赚取其中差价，与现货交易相似,简称“先买后卖”
        “卖出开空”是以合适价格先卖出合约，等待行情价格下跌后买入（平仓）赚取其中差价，简称“先卖后买”。
    </div>
    <div class="content content13">
        5.开仓后可在【仓位】栏下，查看订单信息，可设置止盈止损或进行平仓操作。
    </div>
    <img src="../../assets/images/problemThree6.png" alt="" class="imgtwo">
    <div class="titlea">
        注意：
    </div>
    <div class="content content14">
        （1）无论在单币种保证金模式还是跨币种保证金模式下，当保证金率&lt;= 300%时，系统向账户发出减仓预警，您需要
         注意减仓风险；当保证金率&lt;= 100%时，系统将按照规则进行撤单，触发强制平仓，请您注意仓位管理，防止爆仓风险。
    </div>
    <div class="content content15">
        （2）在逐仓模式下，单币种保证金模式和跨币种保证金模式仓位独立，互不影响。
    </div>
    <div class="content content16">
        （3）在全仓模式下，单币种保证金模式同一结算币种共享一份保证金；跨币种保证金全仓模式下，交易账户里所有资
        产根据折算比率，折合成USD共同作为仓位保证金。
    </div>
    <div class="content content17">
        （4）在跨币种保证金模式下，如果开通【自动借币】无需持有USDT或标的币种，也可以进行【USDT保证金】或者
        【币本位保证金】的合约交易。
    </div>
  </div>
</template>

<script>
export default {
    methods:{
        goback(){
            this.$router.go('-1')
        },
    }
}
</script>

<style scoped lang="scss">
.three{
    .top{
        height: 11.73vw;
        width: 100vw;
        background-color: #090A1B;
        display: flex;
        justify-content: space-between;
        align-items: center;
        //font-family: Microsoft Yahei;
        .top-img1{
            height: 5.3vw;
            width: 5.3vw;
            margin-left: 2.4vw;
        }
        .top-p{
            font-size: 4.8vw;
            color: rgba(255, 255, 255, 100);
            letter-spacing: 0.2vw;
        }
        .top-img2{
            height: 5.3vw;
            width: 5.3vw;
            margin-right: 3.2vw;
        }
    }
    .title{
        width: 90.66vw;
        height: 6.13vw;
        color: rgba(255, 255, 255, 100);
        font-size: 4.26vw;
        text-align: left;
        font-family: PingFangSC-regular;
        margin-top: 4.26vw;
        margin-left: 4.26vw;
        letter-spacing: 0.2vw;
    }
    .content{
        color: rgba(255, 255, 255, 100);
        font-size: 3.2vw;
        text-align: left;
        font-family: PingFangSC-regular;
        margin-left: 4.26vw;
        line-height: 5vw;
        letter-spacing: 0.2vw;
        width: 90.66vw;
    }
    .content1{
        height: 28vw;
        margin-top: 4.26vw;
    }
    .titlea{
        width: 90.66vw;
        height: 20px;
        color: rgba(255, 255, 255, 100);
        font-size: 3.73vw;
        text-align: left;
        font-family: PingFangSC-regular;
        margin: 6.4vw 0 0 3.4vw;
    }
    .content2{
        height: 22.13vw;
        margin-top: 6.4vw;
    }
    .img{
        display: flex;
        justify-content: space-between;
        margin: 2.13vw 4.26vw 0 4.26vw;
        img{
            width: 45.06vw;
            height: 91.46vw;
        }
    }
    .content3{
        height: 10.4vw;
        margin-top: 6.4vw;
    }
    .imgtwo{
        display: flex;
        text-align: left;
        margin: 2.13vw 0 0 4.26vw;
        width: 45.06vw;
        height: 91.46vw;
    }
    .content4{
        height: 10.4vw;
        margin-top: 4.26vw;
    }
    .content5{
        height: 16.26vw;
        margin-top: 2.93vw;
    }
    .content6{
        height: 16.26vw;
        margin-top: 4.26vw;
    }
    .content7{
        height: 10.4vw;
        margin-top: 2.93vw;
    }
    .content8{
        height: 4.53vw;
        margin-top: 6.4vw;
    }
    .content9{
        height: 10.4vw;
        margin-top: 4.26vw;
    }
    .content10{
        height: 10.4vw;
        margin-top: 2.9vw;
    }
    .content11{
        height: 4.5vw;
        margin-top: 6.4vw;
    }
    .content12{
        height: 22.13vw;
        margin-top: 4.26vw;
    }
    .content13{
        height: 10.4vw;
        margin-top: 6.4vw;
    }
    .content14{
        height: 22.13vw;
        margin-top: 4.26vw;
    }
    .content15{
        height: 10.4vw;
        margin-top: 4.26vw;
    }
    .content16{
        height: 16.26vw;
        margin-top: 4.26vw;
    }
    .content17{
        height: 16.26vw;
        margin-top: 4.26vw;
    }
}

</style>